@page
@{ Layout = "_LayoutHome"; }

<el-card>
    <div slot="header" class="clearfix text-center">
        本次练习情况
    </div>
    <div class="position-relative">
        <div class="position-absolute top-0 start-0 text-gray-500">
            <div>题目数量：{{total}}</div>
            <div>本次答题：{{ answerTotal }}</div>
            <div>答对：{{ rightTotal }}</div>
            <div>答错：{{ wrongTotal }}</div>
        </div>
        <div class="text-center p-3">
            <apexchart type="radialBar" :options="chartOptions" :series="series" :height="$(window).innerHeight()-180"></apexchart>
        </div>
    </div>
</el-card>
<div class="text-center mt-3">
    <el-button icon="el-icon-view" type="success" v-on:click="btnViewClick" v-if="answerTotal>0">预览答题</el-button>
    <el-button type="primary" plain v-on:click="utils.closeLayerSelf" icon="el-icon-close">关 闭</el-button>
</div>
@section Scripts{
<script src="/sitefiles/assets/lib/apexcharts/apexcharts.js" type="text/javascript"></script>
<script src="/sitefiles/assets/lib/apexcharts/vue-apexcharts.js" type="text/javascript"></script>
<script src="/sitefiles/assets/js/home/exam/examPracticeResult.js" type="text/javascript"></script> }